
.list-1{
    /* margin:-20px 0 0 -20px; */
    margin: 0;
    padding: 0;
}
.list-1 li{float:left;margin: 0 8px;margin-bottom: 20px;}
.list-1 li a{display:block;
    box-sizing: border-box;
    /* margin:10px 0 0 20px; */
    -webkit-box-shadow:0 0 8px #dbdbdb;box-shadow:0 0 8px #dbdbdb;-webkit-transition:all .5s;transition:all .5s;border:2px solid #fff;background-color:#fff}
.list-1 li .img-center{height:260px;line-height:200px}
.list-1 li .text{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:8px;background-color: #e9c37a;color:#fff;}
.list-1 li .project-detail-info{
    box-sizing: border-box;
    padding: 10px 14px;
}

.list-1 li .project-detail-info > p{
    width: 100%;
    margin: 0;
}

.list-1 li .project-detail-info > p:nth-child(1) {
    color: #5a5a5a;
    font-size: 16px;
    font-weight: bold;
}

.list-1 li .project-detail-info > p:nth-child(2) {
    color: #999;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.list-1 li .project-detail-info > p:nth-child(2) img{
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.list-1 li .project-detail-info > p:nth-child(3) {
    color: #999;
    font-size: 14px;
}
.list-1 li a:hover{border-color:#e9c37a}
.list-1 li a:hover .img-center img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.list-1-1 li{width:380px;}
.img-center{text-align:center;font-size:0;overflow:hidden}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;-webkit-transition:all .5s;transition:all .5s}
.img-cover{overflow:hidden}
.img-cover span{display:block;width:100%;background:no-repeat center/cover;-webkit-transition:all .5s;transition:all .5s}

.lmms{background:#fff;border-bottom:1px #e9c37a dashed;padding:10px;margin-top:10px;line-height:28px;font-size:16px;margin-bottom:10px}










/*=========案例列表=========*/
.project-list{margin-top:15px;padding:0;}
.project-list h1{ text-align:center;}
.project-list .content{ font-size:14px;}

.project-list .list{ border:solid 1px #ffffff; width:750px; float:left;margin-top:25px;}
.project-list .sidebar{margin-top:25px;}





.project-list .list ul                {margin:0;padding:0}
.project-list .list ul li             {border:solid 1px #cccccc;margin:15px 6px;padding:0; overflow:hidden}
.project-list .list ul li h5          {margin:5px 0;padding:0}
.project-list .list ul li .image      {margin:0 15px 0 0;padding:0; float:left}
.project-list .list ul li .data       {margin:0;padding:0; overflow:hidden}
.project-list .list ul li .data div   {margin:0 10px 0 0; padding:0 0 0 15px; float:left}
.project-list .list ul li .content    {margin:15px 0 0 0;padding:0}
.project-list .list ul li .function    { float: right}

.project-list .project-class {
    display: flex;
    justify-content: center;
    padding: 0;
    flex-wrap: wrap;
}

.project-list .project-class .project-class-item {
    margin: 0 20px;
    margin-bottom: 10px;
    width: 120px;
    height: 45px;
    background-color: #e9e9e9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.project-list .project-class .project-class-item:hover{
    background-color: #e9c37a;
}

.project-list .project-class .project-class-item:hover a{
    color: #fff;
}

.project-list .project-class .project-class-item a {
    color: #666;
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*=========案例列表=========*/




/*=========案例详情=========*/

.project-detail h1{ text-align:center}
.project-detail .content{margin-top:25px;font-size:14px;}
/*=========案例详情=========*/



